
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
   mode:"development" , //开发模式
  //entry: './src/js/index.js',
  devtool: 'eval-cheap-source-map',//使用的source-map的类型
  entry: {
    index: './src/js/index.js',
    print: './src/js/print.js',
    show:"./src/js/show.js",
  },
  output: {
    filename: 'js/[name].bundle.js',
    path: path.resolve(__dirname, 'dist'),
    clean:true,
  },
  //配置开发服务器
  devServer: {
    //从什么位置查找文件
    static: './dist',
    port:9000,  //修改端口号
    //配置代理服务
    proxy: {
      '/api': {
        target: 'http://localhost:4000', //代码的目标
        pathRewrite: { '^/api/': '/' }, //url重写
      },
    },
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: 'development',
      template:"./src/index.html",
      inject:"body"
    }),
  ],
  module: {
    rules: [
        //使用babel插件 目的：把高版本的语法 转换为低版本的语法
        // 作用：兼容低版本的浏览器
      {
        test: /\.js$/,  
        exclude: /node_modules/,//排除那个文件不转换
        use: {
          loader: "babel-loader",
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  },
  optimization: {
    minimize :true
  },

};